<template>
	<view class="col-100 cc-bg-white">
		<fui-swiper-dot :items="items" :current="current" :styles="styles" type="1">
			<swiper class="fui-banner__wrap" @change="change" circular :indicator-dots="false" autoplay :interval="4000"
				:duration="150">
				<swiper-item v-for="(item,index) in items" :key="index">
					<view class="fui-banner__item" :style="{background:item.background}">First</view>
				</swiper-item>
			</swiper>
		</fui-swiper-dot>
		<view class="cc-bg-white cc-rows cc-flex-vcenter padding-30 cc-flex-center">
			<view
				class="cc-rows cc-flex-center cc-flex-vcenter cc-height-70 cc-size-28 border-radius-80 cc-color-white cc-bg-4c cc-btn-1"
				@click="applicationList()">
				<text class="iconfont" style="margin-right: 10rpx;">&#xe65b;</text>
				<text>应用管理</text>
			</view>
			<view
				class="cc-color-white cc-rows cc-flex-center cc-flex-vcenter cc-height-70 cc-bg-4c cc-size-28 border-radius-80 cc-btn-2"
				@click="deviceList()">
				<text class="iconfont" style="margin-right: 10rpx;">&#xe610;</text>
				<text>设备管理</text>
			</view>
		</view>

	</view>
</template>

<script>
	import { ref } from 'vue'
	import checkVersion from '@/components/lq-upgrade/checkVersion.js'

	export default {
		setup() {
			const current = ref(0)
			const items = ref([{
				background: '#09BE4F'
			}, {
				background: '#FFB703'
			}, {
				background: '#B2B2B2'
			}])
			const styles = ref({
				//指示点容器left值,单位rpx，type=1/2/3时有效
				left: 530,
				//指示点容器right值,单位rpx，type=1/2/3/4时有效
				// right: 10,
				//指示点容器bottom值，单位rpx，type=1/2/3/4时有效
				bottom: 20,
				//指示点宽度，单位rpx，type=1/2/4时有效
				width: 10,
				//当前选中的指示点宽度，单位rpx，type=1时有效
				activeWidth: 20,
				//指示点高度，单位rpx，type=1/2/3/4时有效，当type=3时最小高度为64
				height: 10,
				//指示点是否为圆角,type=1/2/4时有效
				radius: true,
				//指示点背景色，type=1/2/3/4时有效
				background: '#fff',
				//当前选中的指示点背景色，type=1/2时有效
				activeBackground: '#21B2AC',
				//指示点字体颜色，type=2/3/4时有效
				color: '#fff',
				//当前选中的指示点字体颜色，type=2时有效
				activeColor: '#fff',
				//指示点字体大小，单位rpx，type=2/3/4时有效
				size: 28,
				//指示点左右外边距，单位rpx，type=1/2时有效
				margin: 8,
				//指示点容器左右内边距，type=3时有效
				padding: 32
			})

			return {
				styles,
				current,
				items,
			}
		},

		onLoad() {
			this.upgrade()
		},
		onShow() {},
		methods: {
			upgrade() {
				// let name = 'V1.2.0'; //新版本名称
				// let code = 10000; //新版本号（数字）
				// let content = `1.新增在线升级功能<br>2.修复若干bug`; //更新内容
				// let url = 'https://downv6.qq.com/qqweb/QQ_1/android_apk/Android_8.9.28.10155_537147618_64.apk'; //app下载链接，（演示请换成真正在下载链接）
				let forceUpdate = false; //是否强制更新
				//uni.getSystemInfoSync().appVersionCode
				
				
				if (process.env.NODE_ENV === 'development') {
					//开发环境不判断应用版本
					return; 
				} 
				
				uni.publicJs.post('/app/index?cmd=appUpdate', {},
					res => { 
						console.log(res)
						//检查是否需要更新
						checkVersion({
							name: res.data.title, //最新版本名称
							code: res.data.version, //最新版本号
							content: res.data.content, //更新内容
							url:res.data.down_url, //下载链接
							forceUpdate: false //是否强制升级           
						})
					}
				)
			},

			//跳转应用管理列表
			applicationList() {
				uni.navigateTo({
					url: '/pages/index/applicationList'
				})
			},
			//跳转设备管理列表
			deviceList() {
				uni.navigateTo({
					url: '/pages/index/deviceList'
				})
			}
		},

	}
</script>

<style>
	.fui-banner__item {
		width: 100%;
		height: 360rpx;
		color: #FFFFFF;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 34rpx;
		font-weight: 600;
	}

	.fui-banner__wrap {
		height: 360rpx;
	}

	.cc-btn-1 {
		margin-right: 30rpx;
		width: 43%;
		box-shadow: -3rpx 0rpx 24rpx 0rpx rgba(76, 204, 197, 0.65);
	}

	.cc-btn-2 {
		width: 43%;
		box-shadow: -3rpx 0rpx 24rpx 0rpx rgba(76, 204, 197, 0.65);
	}
</style>